<template>
	<view class="app">
		<view class="header">
			尊敬的用户，您好
		</view>
		<view class="search">
			<input v-model="phone" type="text" placeholder="请输入手机号">
		</view>
		<view class="agreementTotal">
			<view class="agreement_1">
				<u-checkbox-group>
					<u-checkbox v-model="value" shape="circle" active-color="green">
					</u-checkbox>
					<view>
						已阅读并同意<text>《网络金融个人客服服务协议》</text>和<br />
						<text>《中国农业银行股份有限公司隐私政策(个人版)》</text>
					</view>
				</u-checkbox-group>
			</view>
			<view class="agreement_2">
				<u-checkbox-group>
					<u-checkbox v-model="value1" shape="circle" active-color="green">

					</u-checkbox>
				</u-checkbox-group>
				<view>
					已阅读并同意<text>《信息接收同意书》</text>
				</view>
			</view>
			<view class="confirm">
				<u-button class="custom-style" type="warn" @click="loginPhone">注册/登录</u-button>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		login,
		sendauthCode
	} from '../../API/loginAndRegister.js'
	export default {
		data() {
			return {
				value: true,
				value1: true,
				phone: '17696199135'
			}
		},
		methods: {
			loginPhone() {
				if (this.phone.length !== 11) {
					// 使用原生弹窗显示手机号格式不正确的提示
					uni.showModal({
						title: '提示',
						content: '手机号格式不正确',
						showCancel: false
					});
					return; // 停止继续执行
				}
				// 发起网络请求
				login({
						phone: this.phone
					})
					.then(res => {
						//存入手机号
						localStorage.setItem('phone', this.phone)
						// 根据 exists 字段的值来决定跳转的路径
						// console.log(res.data.result.exists);
						console.log(this.phone);
						if (res.data.result.exists === 1) {
							// 存在用户，跳转到登录页面
							uni.navigateTo({
								url: '/pages/cipher/cipher'
							}); // 替换成您的登录页面路径
						} else {
							// 不存在用户，跳转到注册页面
							uni.navigateTo({
								url: '/pages/authCode/authCode'
							}); // 替换成您的注册页面路径
							// 发送验证码请求
							sendauthCode({phone:this.phone})
								.then(response => {
									// 处理发送验证码成功的逻辑
									console.log('验证码发送成功');
								})
								.catch(error => {
									// 处理发送验证码失败的逻辑
									console.error('Error sending verification code:', error);
								});
						}
						// 其他处理...
					})
					.catch(error => {
						// 在这里处理错误
						console.error('Error:', error);
					});
			},
		}
	}
</script>

<style scoped>
	.app{
		touch-action: none;
	}
	.header {
		font-size: 50rpx;
		margin: 50rpx 35rpx;
	}

	.search {
		display: flex;
		align-items: center;
		height: 70rpx;
		border-bottom: 1rpx solid lightgray;
	}

	.search input {
		width: 100%;
		height: 60rpx;
		margin: 0 35rpx;
	}

	.agreementTotal {
		margin: 80rpx 0 0 30rpx;
		/* display: flex; */
	}

	.agreementTotal text {
		color: green;
	}

	.agreement_1+.agreement_2 {
		display: flex;
	}

	.agreement_2 {
		margin-top: 40rpx;
	}

	.custom-style {
		background-color: #ffa500ad;
	}

	.confirm {
		margin: 80rpx 40rpx 0 0;
	}
</style>